// 系统用户管理页面样式

.system-user-page {
  .user-status-switch {
    .ant-switch {
      &.ant-switch-checked {
        background-color: #52c41a;
      }

      &:not(.ant-switch-checked) {
        background-color: #ff4d4f;
      }
    }
  }

  .user-role-tag {
    background-color: #e6f7ff;
    border-color: #91d5ff;
    color: #1890ff;

    &:hover {
      background-color: #bae7ff;
      border-color: #69c0ff;
    }
  }

  .user-action-buttons {
    .ant-btn {
      &.reset-password-btn {
        color: #fa8c16;
        border-color: #fa8c16;

        &:hover {
          color: #d46b08;
          border-color: #d46b08;
        }
      }
    }
  }
}

// 表格样式优化
.ant-pro-table {
  .ant-table-tbody > tr > td {
    vertical-align: middle;
  }

  .ant-table-cell {
    .ant-space {
      justify-content: center;
    }
  }

  // 手机号列样式
  .phone-column {
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    letter-spacing: 0.5px;
  }
}

// 抽屉样式优化
.ant-drawer {
  .ant-drawer-body {
    padding: 0;
  }

  .ant-form {
    .ant-form-item {
      margin-bottom: 16px;
    }

    .ant-form-item-label {
      font-weight: 500;
    }

    // 密码输入框样式
    .ant-input-password {
      .ant-input {
        font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
      }
    }

    // 角色选择器样式
    .ant-select {
      .ant-select-selector {
        .ant-select-selection-item {
          color: #1890ff;
          font-weight: 500;
        }
      }
    }
  }
}

// 状态开关样式
.ant-switch {
  &.ant-switch-checked {
    .ant-switch-inner {
      color: #fff;
      font-size: 12px;
      font-weight: 500;
    }
  }

  &:not(.ant-switch-checked) {
    .ant-switch-inner {
      color: #fff;
      font-size: 12px;
      font-weight: 500;
    }
  }
}
